Channel: Clever Programmer

Category: Education

Tags: codingcleverprogrammersoftware developmentreact jsprogrammerdeveloperweb developmenttutorialsoftware developerprogrammingjavascript

Description: In this tutorial, you're gonna be building the Coinbase Blockchain Web 3.0 App using Next JS, Sanity.io, thirdweb, Styled Components, and Vercel 🔥 Get early access to thirdweb 👉 thirdweb.com/start?utm_source=youtube&utm_medium=social&utm_campaign=clever+programmer&utm_term=web3clones Get the free boosted plan with Sanity 👉 sanity.io/cleverprogrammer 🗄️ Link to the assets: drive.google.com/drive/folders/1K2F71CTBYIlF4zMw9EMz5P231TQ80_x1 🔗 GitHub Repo: github.com/drakosi99/coinbase-clone You'll be learning about: 👉 Building a Web 3.0 Application with Next JS 👉 Styling your app using Styled Components 👉 Create and mint your own Cryptocurrency Tokens using the thirdweb SDK 👉 Adding Web 3.0 authentication using Metamask 👉 Storing data and information about the tokens you created in Sanity.io 👉 Using GROQ to retrieve data from Sanity Studio and display it in your Web 3.0 App 👉 Creating a send and receive functionality for your tokens on the blockchain 👉 Deploy and host the app on Vercel Buckle up, buttercup 🚀 ⏲️ Timestamps 00:00:00 - Intro 00:00:58- Demo 00:04:30 - Setup Project 00:29:01 - Login with Metamask 00:40:17 - Add Heaeder 00:48:26 - Add Portfolio Component 01:09:08 - Add Sidebar 01:20:21 - Add Connected Wallet Component 01:24:50 - Finish Sidebar Style 01:26:57 - Build Side Promo Element 01:31:19 - Add Chart & Balance 01:39:47 - Calculate Total Balance & Query Sanity Database 02:19:04 - Add Modal 02:32:58 - Modal Routing & Transfer Crypto 03:17:40 - Switch Tokens 03:43:08 - Other Pages in the Modal 04:04:01 - Closing Remarks ======================================================= 👨‍👩‍👧‍👦 Join our Discord Community: cleverprogrammer.com/discord 🚀 Join Profit with React: cleverprogrammer.com/pwr?utm_source=youtube&utm_medium=yt-description&utm_campaign=yt-build&utm_content=22-jan-coinbase-web3-clone 🤝 Attend our meetups: cleverprogrammer.com/meetups #web3 #frontend #blockchaindeveloper